import { constantRoutes, asyncRoutes } from '@/router'

const state = {
  // 默认数组为静态路由
  routes: constantRoutes
}

const mutations = {
  setRoutes(state, otherRoutes) {
    // 基于静态路由给添加动态路由  每一个用户登录进来, 都应该是基于静态路由去新增一些动态的路由
    state.routes = [...constantRoutes, ...otherRoutes]
  }
}

const actions = {
  // 1. 根据menus数组去筛选路由
  filterRoutes(context, menus) {
    const routes = []
    // 获取到了该用户能够访问的路由对象
    menus.forEach(key => {
      // 从动态路由找名字一样的
      routes.push(...asyncRoutes.filter(item => item.name === key))
    })
    // 得到的routes是所有模块中满足权限要求的路由数组
    context.commit('setRoutes', routes) // 将动态路由提交给mutations
    return routes // 为什么还要return  state数据 是用来 显示左侧菜单用的  return  是给路由addRoutes用的
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
